@charset "utf-8";

.banner{
    .banner_pto{
        width: 100%;
    }
}
.content{
    .content_top{
        .layaFlash{
            padding-top: 100px;
            background-color: #fbfaf7;
            .layaFlash_cont{
                .layaFlash_detail{
                    .cont_top_wz{
                        font-size: 24px;
                        color: #666666;
                        margin-top: 10px;
                        padding-left: 0;
                        margin-bottom: 40px;
                        margin-top: 20px;
                    }
                    .flash_title{
                        padding-left: 0;
                        img{
                            max-width: 100%;
                        }
                    }
                    >ul{
                        padding-left: 15px;
                    }
                    >ul>li{
                        display: flex;
                        margin-top: 45px;
                        >img{
                            width: 64px;
                            height: 64px;
                        }
                        >div{
                            margin-left: 15px;
                            >h4{
                                margin-top: 0;
                            }
                        }
                        
                    }
                }
                .phone_pto{
                    margin-left: -30px;
                    // margin-top: 70px;
                }
            }
        }
        .Layabox{
            padding-top: 114px;
            .Layabox_cont{
                // display: flex;
                // align-items: center;
                // justify-content: center;
                .layabox_trophy{
                    margin-top: 7%;
                    img{
                        max-width: 100%;
                    }
                }
                .Layabox_title{
                    margin-bottom: 45px;
                    img{
                        max-width: 100%;
                    }
                }
                ul>li{
                    margin-bottom: 16px;
                }
                .layabox_icon{
                    display: inline-block;
                    margin-right: 10px;
                    img{
                        height: 100%;
                    }
                }
            }
        }
    }
    .laybox_mid{
        padding-top: 112px;
        padding-bottom: 140px;
        .Layabox_product{
            text-align: center;
            img{
                max-width: 100%;
            }
        }
        background-color: #0079d7;
        .laybox_mid_cont{
            .product_Detail{
                width: 51%;
                margin-left: 60px;
                color: #ffffff;
                > h3{
                margin-top: 0;
                }
                > p{
                    line-height: 28px;
                }
            }
            ul>li{
                display: flex;
                margin-top: 78px;
                height: 122px;
                >img{
                    width: 66px;
                    height: 66px;
                }
            }
        }
    }
    .content_botm{
        padding-top: 130px;
        padding-bottom: 50px;
        .game_title{
            .game_title_words{
                font-size: 30px;
                margin-bottom: 46px;
            }
            .more{
                text-align: right;
                font-size: 15px;
            }
        }
        .game_cont{
            .game_video{
                img{
                    max-width: 100%;
                }
            }
            .little_game{
                margin-top: 5px;
                >ul>li{
                    margin-bottom: 20px;
                    text-align: center;
                    padding-right: 0;
                    >img{
                        margin-right: 10%;
                        max-width: 100%;
                        margin-bottom: 7px;
                    }
                    >p{margin: 0}
                }
            }
        }
    }
    .partner{
        padding-top: 40px;
        padding-bottom: 64px;
        background-color: #f4f4f4;
        .partner_title{
            font-size: 30px;
            margin-bottom: 35px;
            >span{
                font-size: 12px;
                opacity: .7;
            }
        }
        .Cooperative_partner{
            >ul>li{
                margin-bottom: 24px;
                >a{ 
                    img{
                        max-width: 100%;
                        border: 1px solid #dddddd;
                    }
                }
            }
        }
    }
}

// 移动端样式
@media only screen and (max-width:768px){
    html,body{
        width: 100%;
    }
    .content{
        .content_top{
            .layaFlash{
                padding-top: 20px;
                .layaFlash_cont{
                    .layaFlash_detail{
                        .cont_top_wz{
                            margin-bottom: 0px;
                            margin-top: 10px;
                            font-size: 16px;
                        }
                        .flash_title{
                            text-align: center;
                            img{
                                width: 100%;
                            }
                        }
                        >ul{
                            padding-left: 15px;
                        }
                        >ul>li{
                            margin-top: 20px;
                            >img{
                                width: 64px;
                                height: 64px;
                            }
                            >div{
                                margin-left: 15px;
                                >h4{
                                    margin-top: 0;
                                }
                            }
                            
                        }
                    }
                    .phone_pto{
                        text-align: center;
                        img{
                            width: 50%;
                        }    
                    }
                }
            }
            .Layabox{
                padding-top: 0px;
                .Layabox_cont{
                    .layabox_trophy{
                        text-align: center;
                        img{
                            width: 50%;
                        }
                    }
                    .Layabox_title{
                        text-align: center;
                        margin-bottom: 30px;
                    }
                    ul>li{
                        display: flex;
                        align-items: center;
                    }
                }
            }
        }
        .laybox_mid{
            padding-top: 30px;
            padding-bottom: 30px;
            .Layabox_product{
                text-align: center;
                img{
                    width: 90%;
                }
            }
            background-color: #0079d7;
            .laybox_mid_cont{
                .product_Detail{
                    width: 100%;
                    margin-left: 20px;
                }
                ul>li{
                    margin-top: 30px;
                    height: 100%;
                }
            }
        }
        .content_botm{
            padding-top: 30px;
            padding-bottom: 0px;
            .game_title{
                .game_title_words{
                    font-size: 16px;
                    margin-bottom: 20px;
                }
                .more{
                    text-align: right;
                    font-size: 15px;
                }
            }
            .game_cont{
                .game_video{
                    text-align: center;
                    margin-bottom: 20px;
                    img{
                        max-width: 100%;
                    }
                }
            }
        }
        .partner{
            padding-top: 20px;
            padding-bottom: 20px;
            background-color: #f4f4f4;
            .partner_title{
                font-size: 19px;
                margin-bottom: 20px;
            }
        }
    }
    
}